<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 一,vue组件中如何进行传值?
    // 1.父向子传值
    // 父组件使用v-bind绑定数据,在子组件添加参数props接收即可

    // 2.子组件向父组件传值
    // 子组件通过$emit进行触发并且可以携带参数,父组件使用@+事件名进行监听,然后进行方法处理

    // 3.非父子组件之间传递数据(重新创建了一个vue的实例)
    // 通过eventBus(第三方)来实现

    // 4.毫无关系的组件可以使用vuex传值
    
    // 5.ref(如果是组件的话拿到该组件的实例,如果是标签的话拿到该标签的DOM元素)

    // 6.$parent 获取到父组件的实例对象

    // 7.$children 获取到该组件的子组件

    // 8.依赖注入

    // 9.v-model传值


  </script>
</body>
</html>